<template>
    <div>
        <van-nav-bar title="历史订单" 
            left-arrow 
            @click-left="onClickLeft"
            @click-right="onClickRight">
            <template #right>
                <van-icon name="search" size="18" />
            </template>
        </van-nav-bar>
        <div>
            <van-empty description="你还没有相关订单" />
            <van-button round type="danger" class="bottom-button" @click="goShopping">去逛逛吧</van-button>
        </div>
    </div>
</template>

<script>
    export default {
    data() {
        return {};
    },

    components: {},

    computed: {},

    mounted() {},

    methods: {
        onClickLeft() {
            this.$router.go(-1)
        },
        onClickRight(){
            this.$router.push('/mine/InMine/searchOrder')
        },
        goShopping(){
             this.$router.push('/')
        } 
    }
};
</script>
<style lang='stylus' scoped>
.van-empty
    position absolute
    top 45px
    left 0
    right 0
    bottom 0
    z-index 300
    background #fff
    padding-bottom 300px
.bottom-button 
    width 330px
    height 40px
    border-radius 0
    position absolute
    top 450px
    left 0
    right 0
    margin 0 auto
    z-index 350
// 改变Vant默认颜色
/deep/ .van-nav-bar__arrow
    color #4E4E4E
</style>
